<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 实现链式调用 -->
    <!-- <script>

        var deng = {
            smoke: function() {
                console.log('smoking...cool!');
                // return;
                return this;
            },
            drink: function() {
                console.log('drinking...ye cool!');
                return this;
            },
            perm: function() {
                console.log('perming...cool!');
                return this;
            }
        }

        deng.smoke().drink().smoke().perm();
        // 实现链式调用模式（模仿jquery）

    </script> -->

    <script>
        // 属性的表示方法 obj.prop
        var obj = {
            name: 'abc'
        }
        console.log(obj.name);// 会隐式转换成 obj['name']
        // 习惯用法都写点
        console.log(obj['name']);// 这样写也可以访问属性name
        // 方括号里面必须是字符串，还可以使用一个string类型的变量
        // 使用方括号更加灵活


        var deng = {
            wife1: {
                name: 'xiaoliu'
            },
            wife2: {name: 'xiaozhang'},
            wife3: {name: 'xiaomeng'},
            wife4: {name: 'xiaowang'},
            sayWife: function(num) {
                return this['wife' + num];
                // 方括号的写法可以实现属性的拼接
            }
        }

        console.log(deng.sayWife(1));

    </script>
</body>
</html>